<template>
  <section class="inConbox clearfix order_assistant"> 
    <!-- 头部 -->
		<Nav :URL="urls.url" :text="urls.text"></Nav>
    <!-- 发布信息 -->
    <section class="task_Details_box dipW clearfix">
      <h3 class="task_Details_title wid_pad_lf">任务详情</h3>
      <div class="task_Details_ifon dip ju_al_lf wid_pad_lf">
        <span class="task_Details_ifonimgBox dip ju_al_lf">
          <!-- <img :src="'../../../static/images/task/'+taskDetilasIfon.NameIMg+''" alt="" class="task_Details_ifonimg"> -->
          <img :src="publishUserORrer.picture" alt="" class="task_Details_ifonimg">
        </span>
        <span class="task_Details_ifonText dipW">
          <i class="task_Details_ifonname dip ju_al_lf" v-if="publishUserORrer.nickName != ''">{{publishUserORrer.nickName}}</i>
          <i class="task_Details_ifonname dip ju_al_lf" v-else-if="publishUserORrer.name != ''">{{publishUserORrer.name}}</i>
          <i class="task_Details_ifonname dip ju_al_lf" v-else>{{publishUserORrer.phoneNumber}}</i>
          <i class="task_Details_evaluate dip ju_al_lf">
            <img  v-for="(star,indexs) in StralGrade" :key="indexs"  :src="star.src" alt="星星图片" v-if="star.active"  class="grade-box-img"/>    
            <!-- <img :src="'./static/images/task/'+taskDetilasIfon.NameIMgeval+''" alt="">          
            <img :src="'./static/images/task/'+taskDetilasIfon.NameIMgeval+''" alt="">          
            <img :src="'./static/images/task/'+taskDetilasIfon.NameIMgeval+''" alt="">          
            <img :src="'./static/images/task/'+taskDetilasIfon.NameIMgeval+''" alt="">          
            <img :src="'./static/images/task/'+taskDetilasIfon.NameIMgeval+''" alt="">           -->
          </i>
        </span> 
        <span class="task_Details_state">{{this.demandOrder.currentState}}</span>
      </div>
      <ul class="task_Details_cont clearfix">
        <li class="dipW ju_al_bet task_Details_contChild wid_pad_lf clearfix">
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle">任务要求：</span>
            <span class="task_Details_contcont"><b>{{this.demandOrder.requirements}}</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle Childbox_mar">作品总价：</span>
            <span class="task_Details_contcont  Childbox_cor"><b>￥{{this.demandOrder.remuneration}}</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle">需求类型：</span>
            <span class="task_Details_contcont"><b>{{this.demandOrder.demandType}}</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle Childbox_mar">截止时间：</span>
            <span class="task_Details_contcont"><b>7天</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle">附件数量：</span>
            <span class="task_Details_contcont"><b>{{this.demandOrder.quantity}}</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf">
            <span class="task_Details_conttitle Childbox_mar">时间要求：</span>
            <span class="task_Details_contcont"><b>{{this.demandOrder.requireTime}}</b></span>
          </div>
          <div class="task_Details_Childbox dip ju_al_lf" v-if="Mallpoent">
            <span class="task_Details_conttitle">联系电话：</span>
            <span class="task_Details_contcont"><b>{{this.demandOrder.contactNumber}}</b></span>
          </div>
        </li>
      </ul>
    </section>
    <!-- 详情说明 -->
    <section class="task_Details_box task_Details_Rem dipW clearfix">
      <h3 class="task_Details_title wid_pad_lf task_Details_Remarks">备注信息<span class="data_box_order" v-if="settimenor"><i class="datalid_new" id="date" >天时分秒</i></span></h3>
      <ul class="task_Details_cont clearfix">
        <li class="dipW ju_al_bet task_Details_contChild wid_pad_lf hright_Detilas">
          <p class="task_Details_textarea" v-text="this.demandOrder.demandIntroduction !='' ? this.demandOrder.demandIntroduction : this.textDetails"></p>
        </li>
      </ul>
    </section>
    <!-- 显示创意师信息 -->
    <section class="task_Details_box dipW clearfix userCYS_IFON_box " v-if="Mallpoent">
      <div class="task_Details_ifon dip ju_al_lf wid_pad_lf IOFN_DJ">
        <span class="task_Details_ifonimgBox dip ju_al_lf">
        <!-- <img :src="'../../../static/images/task/'+taskDetilasIfon.NameIMg+''" alt="" class="task_Details_ifonimg"> -->
          <img :src="useraccess.picture" alt="" class="task_Details_ifonimg">
        </span>
        <span class="task_Details_ifonText dipW Wihfyt">
          <span class="user_IFON_CYS dip ju_al_lf">  
            <i class="wINGFH" v-if="useraccess.nickName != ''">{{useraccess.nickName}}</i>
            <i class="wINGFH" v-else-if="useraccess.name != ''">{{useraccess.name}}</i>
            <i class="wINGFH" v-else>{{useraccess.phoneNumber}}</i>
            <i class="User_dig">{{this.accessUserNameLINGK}}</i>
          </span>
         <span class="user_IFON_CYS dip ju_al_lf">
            <i class="wINGFH">联系方式：</i>
            <i class="task_Details_state" v-if="useraccess.contactsPhone != null">{{useraccess.contactsPhone}}</i>
            <i class="task_Details_state" v-else>{{useraccess.phoneNumber}}</i>
         </span>
        </span> 
      </div>
    </section>
    <!-- 上传文件 -->
    <p class="text_order_diap"  v-if="this.userorderacctoiplan">请到易点达官网进行上传文件等操作</p>
    <p class="text_order_diap"  v-if="this.userorderacctoBUSoiplan">作品已通过，商家还未评价</p>
    <p class="text_order_diap diap_Cor"  v-if="this.userorderaccess">创意师作品正式版已通过审核</p>
    <p class="text_order_diap"  v-if="this.userorderaccessMake">创意师正在为您制作<i class="diap_Cor">{{this.demandOrder.requirements}}</i>作品</p>
    <p class="text_order_diap"  v-if="this.userorderaccessMakeActive">您的{{this.demandOrder.requirements}}作品正在审核中</p>
    <!-- 显示评价(商家) -->
    <section class="nusiblobkeaclaite_box_order clearfix">
      <div class="box_text_ealbocknonr" v-if="ealvtextBlobbk">
        <p class="nusiblobkeaclaite_box_childtop dip ju_al_lf">
          <span class="right_text_raado">商家对创意师的评价</span>
          <span v-for="(star,indexs) in stars" :key="indexs" class="grade-box-child dip ju_al" >
            <img :src="star.src" alt="星星图片"  class="grade-box-img"/>        
          </span>
        </p>
        <ul class="nusiblobkeaclaite_box_childbom dipW ju_al_lf clearfix">
          <li class="eavl_tea_childtext bdr" v-if="busjCommentContent != ''" v-for="(lists,index) in busjCommentContent" :key="index" >{{lists}}</li>
          <li class="eavl_tea_childtextfg"  v-if="busjCommentContent == ''">该商家未评价</li>
        </ul>
      </div>
      <div class="box_text_ealbocknonr" v-if="ealvtextNone">
        <p class="nusiblobkeaclaite_box_childtop dip ju_al_lf">
          <span class="right_text_raado">创意师对商家的评价</span>
          <span v-for="(star,indexs) in Cearsd" :key="indexs" class="grade-box-child dip ju_al" >
            <img :src="star.src" alt="星星图片"  class="grade-box-img"/>        
          </span>
        </p>
        <ul class="nusiblobkeaclaite_box_childbom dipW ju_al_lf clearfix">
          <li class="eavl_tea_childtext bdr" v-if="CAREjCommentContent != ''" v-for="(list,index) in CAREjCommentContent" :key="index" >{{list}}</li>
          <li class="eavl_tea_childtextfg"   v-if="CAREjCommentContent == ''">该创意师未评价</li>
        </ul>
      </div> 
    </section>
    <!-- 显示评价(创意师) -->
    <section class="nusiblobkeaclaite_box_order clearfix" v-if="busieavlaateblock">
      <div class="box_text_ealbocknonr">
        <p class="nusiblobkeaclaite_box_childtop dip ju_al_lf">
          <span class="right_text_raado">商家对创意师的评价 </span>
          <span v-for="(star,indexs) in stars" :key="indexs" class="grade-box-child dip ju_al" >
            <img :src="star.src" alt="星星图片"  class="grade-box-img"/>        
          </span>
        </p>
        <ul class="nusiblobkeaclaite_box_childbom dipW ju_al_lf clearfix">
          <li class="eavl_tea_childtext bdr" v-if="busjCommentContent != ''" v-for="(lists,index) in busjCommentContent" :key="index" >{{lists}}</li>
          <li class="eavl_tea_childtextfg"  v-if="busjCommentContent == ''">该商家未评价</li>
        </ul>
      </div>
      <div class="box_text_ealbocknonr">
        <p class="nusiblobkeaclaite_box_childtop dip ju_al_lf">
          <span class="right_text_raado">创意师对商家的评价</span>
          <span v-for="(star,indexs) in Cearsd" :key="indexs" class="grade-box-child dip ju_al" >
            <img :src="star.src" alt="星星图片"  class="grade-box-img"/>        
          </span>
        </p>
        <ul class="nusiblobkeaclaite_box_childbom dipW ju_al_lf clearfix">
          <li class="eavl_tea_childtext bdr" v-if="CAREjCommentContent != ''" v-for="(list,index) in CAREjCommentContent" :key="index" >{{list}}</li>
          <li class="eavl_tea_childtextfg"  v-if="CAREjCommentContent == ''">该创意师未评价</li>
        </ul>
      </div>   
    </section>
    <!-- 洽谈 -->
    <!-- <transition :name="transitionName"> -->
      <footer class="ORder_detilas_Negotiate" :class="{'Negacitve':this.Negactive}" @click="getPostNeg()" v-if="this.userdisappear">洽谈</footer>
    <!-- </transition> -->
    <!-- 取消洽谈 (创意师) -->
    <!-- <transition :name="transitionName"> -->
      <footer class="ORder_detilas_Negotiate" :class="{'Negacitve':this.Negactive}" @click="errormoverORder()" v-if="this.userdisppBLock">取消洽谈</footer>
    <!-- </transition> -->
    <!-- 取消洽谈 (商家) -->
    <!-- <transition :name="transitionName"> -->
      <footer class="payment_mode dip" v-if="userdisppBLockS">
        <div class="mall_ToPay ToPay——bg" @click="errormoverORder()">取消洽谈</div>      
        <div class="mall_ToPay Asyougo_bg" @click="accessOrderOk()">确认合作</div>       
      </footer>
    <!-- </transition> -->
    <!-- 审核 -->
    <!-- <transition :name="transitionName"> -->
      <footer class="ORder_detilas_Negotiate bgc" v-if="this.userorderaccessSMakeBtn">合作完成</footer>
    <!-- </transition> -->
    <!-- 合作完成 (商家) -->
    <!-- <transition :name="transitionName"> -->
      <footer class="ORder_detilas_Negotiate" :class="{'Negacitve':this.Negactive}" @click="getorderaccessactive()" v-if="this.userorderaccess">合作完成</footer>
    <!-- </transition> -->
    <!-- 合作完成 (创意师) -->
    <!-- <transition :name="transitionName"> -->
      <footer class="ORder_detilas_Negotiate bgc" v-if="this.userorderaccessS">合作完成</footer>
      <footer class="ORder_detilas_Negotiate" :class="{'Negacitve':this.Negactive}" @click="getorderassess()" v-if="this.userorderaccessactive">合作完成</footer>
    <!-- </transition> -->
    <!-- 获取联系方式 (创意师显示信息) -->
    <!-- <transition :name="transitionName"> -->
      <section class="Negtion_box_Contact" v-show="this.CYSbox" @click="setNoneBG()">
        <div class="dipW ju_al Neg_child_box tftra" v-if="this.Nametype == 200 && this.SCYSJ">
          <div class="dipW ju_al Neg_text_top" >
            <p class="dip ju_al"><i>恭喜你！</i>获得洽谈资格</p>
            <p class="dip ju_al">联系方式：<i>{{this.demandOrder.contactNumber}}</i></p>
          </div>
          <button class="bg_li Neg_text_seccess" @click.prevent="getOK()">确认</button>
        </div>
        <div class="dipW ju_al Neg_child_box tftra" v-if="this.Nametype == 101 && this.SJuser">
          <div class="dipW ju_al Neg_text_top">
            <p class="dip ju_al">您还未完成创意师身份验证</p>
            <p class="dip ju_al">完成验证后您就可以接取平台所有任务</p>
          </div>
          <div class="bg_li dip ju_al Neg_text_seccess">
            <button class="Neg_text_cancel" @click.prevent="setNoneBG()">取消</button>
            <button class="Neg_text_cancel Neg_text_Vci" @click.prevent="getPostRouter()">立即验证</button>
          </div>
        </div>
      </section>
    <!-- </transition> -->
  </section>
</template>
<script>
import Nav from '../mallConent/mallTopNav'
import Specific from '../../../src/assets/bus/js/Specific.js'
import ealcate from '../../../src/assets/bus/js/eaclate.js'
var starOffImg = './static/images/Order/huo.png'
var starOnImg  = './static/images/Order/qina.png'
export default {
  data(){
    return{
      urls:{
        url:'',
        text:'接单助手',
      },
      transitionName:'slide-block', //淡入
      demandId:'',//订单信息(ID)
      publishUserORrer:'',//发布人信息
      UserORrer:'',// 接单人信息
      useraccess:'', //创意师信息
      demandOrder:'', // 发布内容
      Negactive:false, // 类名
      CYSbox:false,//洽谈(框)
      SCYSJ:false,//判断创意师（单项）
      SJuser:false,//判断商家（单项）
      Nametype:'',//判断创意师
      textDetails:'我希望我的海报能够很高端、大气、上档次，然后突出我们的产品。',//默认
      taskDetilasIfon:{//等级判定
        NameIMgeval:'task_detilas_eval.png'
      },
      userdisappear:false,//商家进入不显示
      Mallpoent:false, //商家电话号码
      userdisppBLock:false, //洽谈中(创意师)
      userdisppBLockS:false, //洽谈中(商家)
      userorderaccess:false, //合作完成（商家）
      userorderaccessS:false, //合作完成（创意师）
      userorderaccessactive:false, //商家评价完后后
      fg:'',//转太值
      orderIDIFISblock:'', // 订单的状态码
      busjCommentContent:'', //商家评级的信息
      busiblbokssjStars:'',//商家星级信息
      ealvtextBlobbk:false, //显示商家评级信息
      ealvtextNone:false, //显示商家(创意师评级对他)评级信息
      busieavlaateblock:false, //创意师对商家的评价
      CAREjCommentContent:'', //创意师评价信息
      settimenor:true, //任务发布时间
      endTime:'',//显示倒计时
      userorderaccessMake:false, //合作中（制作中）
      userorderaccessMakeActive:false, //审核中
      userorderaccessSMakeBtn:false, //制作中，审核中的按钮
      userorderacctoiplan:false, //提示到官网
      userorderacctoBUSoiplan:false, //显示提示审核通过
      time:'',//离开清楚
      timeIN:'', //美秒调用
      stars: [ //商家星星
        {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        },
        {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        }
      ],
      Cearsd: [ //创意师星星
        {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        },
        {
          src: starOffImg,
          active: false
        }, {
          src: starOffImg,
          active: false
        }
      ],
      StralGrade: [ //创意师星星
        {
          src:starOnImg,
          active: false
        }, 
        {
          src: starOnImg,
          active: false
        }, 
        {
          src: starOnImg,
          active: false
        },{
          src: starOnImg,
          active: false
        },{
          src: starOnImg,
          active: false
        }
      ],
      accessUserNameLINGK:'',
    }
  }, 
  components:{Nav}, //引入组件
  methods:{
    //调用订单信息（进页面就调用）
    cetgetORderINFo(){ //获取信息
      this.$store.dispatch('showloader')    
      var  _this = this
      var Router = this.$route.path
      sessionStorage.setItem('Router',Router)
      _this.demandId = sessionStorage.getItem('demandId');    
      _this.axios.post(this.$busPoat.details(),{
        "demandId":_this.demandId
      }).then(response=>{
        console.log(response)
        // console.log(response.data.publishUser)
        // console.log(response.data.accessUser)
        var st;
        clearTimeout(st)
        st = setTimeout(() =>{
          if(response != null || response != undefined){
            if(response.data.iplancode == 200){
              _this.publishUserORrer = response.data.publishUser //获取商家的信息     
              _this.StralGradeD(Number(response.data.publishUserInfo.level)) //商家星级获取
              // console.log(response.data.accessUserInfo.level)
              let accessUserInfolevel = response.data.accessUserInfo != null || response.data.accessUserInfo != undefined ? response.data.accessUserInfo.level : 1  //创意师等级获取
              _this.StralGradeDFG(Number(accessUserInfolevel))     
              _this.UserORrer = response.data.user //获取自己的信息
              if(response.data.demand.currentState != '合作中' || response.data.demand.currentState != 80){
                _this.endTime = response.data.endTime
                _this.dategetTime(_this.endTime) //倒计时
              }

              _this.useraccess = response.data.accessUser == null ? '' :response.data.accessUser //获取创意师的信息(先开始是没有创意师信息的)
              // console.log( _this.useraccess)
              sessionStorage.setItem('userpicture',response.data.user.picture) //保存图片
              _this.orderIDIFISblock = response.data.demand.currentState //获取商品信息
              // console.log( _this.orderIDIFISblock)
              _this.demandOrder = response.data.demand
              Specific.specilcObj( _this.demandOrder)  
              sessionStorage.setItem('demandOrder',JSON.stringify(_this.demandOrder)) //评价调用  
              sessionStorage.setItem('CreseavlateS',JSON.stringify(_this.useraccess))
              sessionStorage.setItem('publishUserORrer',JSON.stringify( _this.publishUserORrer))
              _this.busjCommentContent =  response.data.sjCommentContent == null ? '' : response.data.sjCommentContent//商家评价
              if(_this.busjCommentContent != ''){
                ealcate.ealcateArr(_this.busjCommentContent)
              }
              _this.busiblbokssjStars =  response.data.sjStars == null ? 5 : response.data.sjStars  //商家评价星级

              _this.CAREjCommentContent =  response.data.cysCommentContent == null ? '' : response.data.cysCommentContent//创意师评价
              if(_this.CAREjCommentContent != ''){
                ealcate.ealcatebusiArr(_this.CAREjCommentContent)
              }
              let cysStarsblock =  response.data.cysStars == null ? 5 : response.data.cysStars  //创意师评价星级
            
              _this.rating(Number(_this.busiblbokssjStars)) //商家（评价创意师的）星星
              _this.ratingFG(Number(cysStarsblock)) //创意师（评价商家的）星星
              _this.getifonwhect()//渲染数据

              this.$store.dispatch('hideloader')
            }else if(response.data.iplancode == 101){
              this.$store.dispatch('hideloader')
              alert('任务详情获取失败')
            }
          }else{
            this.$store.dispatch('hideloader')            
            alert('请求加载过慢...')
          }
          clearTimeout(st)                                                                       
        },2000)
        // this.moneyUser = response.data
        // this.userIfonIMG = this.moneyUser.user
        // console.log(this.userIfonIMG)
      }).catch(error=>{
        this.$store.dispatch('hideloader')
        alert('发布中断失败')
        console.log(error)
      })
    },
    //根据状态改变内容
    getifonwhect(){//信息改动显示
      var _this = this;
      // console.log(
      //   _this.UserORrer.id , //获取自己的id
      //   _this.publishUserORrer.id, //获取发布人的信息
      //   _this.orderIDIFISblock, //获取任务的状态
      //   _this.useraccess.id //获取创意师的信息
      // )
      // userdisappear (洽谈按钮)
        // Mallpoent (商家电话)
        // userdisppBLockS (创意师取消按钮)
        // userdisppBLock (商家取消按钮)
        // userorderaccess (商家合作完后按钮)
        // userorderaccessS (创意师合作完成按钮)
        // ealvtextBlobbk (显示商家对创意师的评价)
        // ealvtextNone (创意师对他的评价) 【作废】
        // busieavlaateblock (创意师对商家的评价)
        // userorderaccessMake (制作中文字)
        // userorderaccessSMakeBtn  (制作中按钮，审核中按钮)
        // userorderaccessMakeActive (审核中)
      //判断是不是同一个用户（要是的单子就没接，就会走else）40
      if(_this.UserORrer.id == _this.publishUserORrer.id && _this.orderIDIFISblock == 40){ 
        _this.userdisappear = false  //他自己不显示    
        _this.settimenor = true 
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.Mallpoent = false
        // _this.dategetTime(_this.endTime)
        // console.log(20)   
        // _this.cetgetORderINFo()
      }else if(_this.UserORrer.id != _this.publishUserORrer.id && _this.orderIDIFISblock == 40 ){
        _this.userdisappear = true   //不是他自己就显示按钮
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.settimenor = true 
        // this.cetgetORderINFo()
        // _this.dategetTime(_this.endTisme)
      }

      //判断是不是 状态码 70 
      if(_this.orderIDIFISblock == 70 && _this.UserORrer.id == _this.publishUserORrer.id){   //商家显示
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLockS = true
        _this.settimenor = false
        // console.log(21)
      }else if(_this.orderIDIFISblock == 70 && _this.UserORrer.id == _this.useraccess.id){ //创意师
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = true
        _this.settimenor = false
        // console.log(22)
      }else if(_this.orderIDIFISblock == 70 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){ //其他人
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.settimenor = false
        // console.log(23)
      }

      //判断是不是 状态码 80
      if(_this.orderIDIFISblock == 80 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.userorderaccessSMakeBtn = true
        _this.userorderaccessMake = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.settimenor = false
        clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 80 && _this.UserORrer.id == _this.useraccess.id){
        _this.userorderaccess = false;
        _this.userorderaccessS = true;
        _this.Mallpoent = true
        _this.userorderacctoiplan = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.settimenor = false
        clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 80 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _userorderaccessSMakeBtn = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.userorderaccessMake = false
         _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 55（审核中）
      if(_this.orderIDIFISblock == 55 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.userorderaccessMakeActive = true
        _this.userorderaccessSMakeBtn = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
         _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 55 && _this.UserORrer.id == _this.useraccess.id){
        _this.userorderaccess = false;
        _this.userorderaccessS = true;
        _this.Mallpoent = true
        _this.userorderacctoiplan = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
         _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 55 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
         _this.settimenor = false
        _this.userorderaccessMakeActive = false
        _this.userorderaccessSMakeBtn = false
        clearInterval(this.time)
      }

      //判断是不是 状态码 50（审核成功）
      if(_this.orderIDIFISblock == 50 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = true;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
         _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 50 && _this.UserORrer.id == _this.useraccess.id){
        _this.userorderaccess = false;
        _this.userorderaccessS = true;
        _this.Mallpoent = true
        _this.userorderacctoBUSoiplan = true
        _this.userorderacctoiplan = false
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
         _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 50 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.userorderacctoBUSoiplan = false
         _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 85 (目前先这样)拦截路由
      if(_this.orderIDIFISblock == 85 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        // this.$router.push({
        //   path:'/bomNav/orderevaluate/busievalate'
        // })
       _this.userorderaccess = true;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
           _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 85 && _this.UserORrer.id == _this.useraccess.id){
        // this.$router.push({
        //   path:'/bomNav/orderevaluate/Creaevalate'
        // })
       _this.userorderaccess = false;
        _this.userorderaccessS = true;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
          _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 85 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
           _this.settimenor = false
         clearInterval(this.time)
      }

       //判断是不是 状态码 65 
      if(_this.orderIDIFISblock == 65 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.ealvtextBlobbk = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.busieavlaateblock = false
        _this.userdisppBLockS = false
        _this.ealvtextNone = false
          _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 65 && _this.UserORrer.id == _this.useraccess.id){
       _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.userorderaccessactive = true;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.busieavlaateblock = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 65 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.busieavlaateblock = false;
        _this.ealvtextBlobbk = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 86
      if(_this.orderIDIFISblock == 86 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.ealvtextBlobbk = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.busieavlaateblock = false
        _this.userdisppBLockS = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 86 && _this.UserORrer.id == _this.useraccess.id){
       this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.userorderaccessactive = true;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.busieavlaateblock = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
      }else if(_this.orderIDIFISblock == 86 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.busieavlaateblock = false;
        _this.ealvtextBlobbk = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 90
      if(_this.orderIDIFISblock == 90 && _this.UserORrer.id == _this.publishUserORrer.id){ 
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.Mallpoent = true
        _this.ealvtextNone = true
        _this.ealvtextBlobbk = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
           _this.settimenor = false
         clearInterval(this.time)
        _this.busieavlaateblock = false
      }else if(_this.orderIDIFISblock == 90 && _this.UserORrer.id == _this.useraccess.id){
       _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.userorderaccessactive = false;
        _this.Mallpoent = true
        _this.userdisappear = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.ealvtextNone = false
           _this.settimenor = false
         clearInterval(this.time)
        _this.busieavlaateblock = true
      }else if(_this.orderIDIFISblock == 90 && _this.UserORrer.id != _this.useraccess.id && _this.UserORrer.id !=  _this.publishUserORrer.id){
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.ealvtextNone = false;
        _this.ealvtextBlobbk = false
        _this.busieavlaateblock = false
          _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 110
      if(_this.orderIDIFISblock == 110 ){ 
         _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.ealvtextNone = false;
        _this.ealvtextBlobbk = false
        _this.busieavlaateblock = false
           _this.settimenor = false
         clearInterval(this.time)
      }

      //判断是不是 状态码 120
      if(_this.orderIDIFISblock == 120 ){ 
        _this.userdisappear = false 
        _this.Mallpoent = false
        _this.userdisppBLock = false
        _this.userdisppBLockS = false
        _this.userorderaccess = false;
        _this.userorderaccessS = false;
        _this.ealvtextNone = false;
        _this.ealvtextBlobbk = false
        _this.busieavlaateblock = false
          _this.settimenor = false
         clearInterval(this.time)
      }
    },

    //创意师显示获取成功 其他去认证
    getPostNeg(){  //显示（判断）
      //  this.Nametype = this.UserORrer.userType
      // console.log(this.Nametype)

      if(this.Nametype == 200){
        // console.log(12)
        this.CYSbox = true //弹出框
        this.SCYSJ = true //创意师显示
        this.SJuser = false //商家
        //真正从
      }else if( this.Nametype == 101){
        // console.log(13)
        this.CYSbox = true
        this.SJuser = true
        this.SCYSJ = false
        //验证
      }
      this.Negactive = true;
    },

    //创意师认证
    setNoneBG(){ //消失（框）
      this.CYSbox = false;
      this.Negactive = false;
    },
    getCYSasiis(){ //认证接口
      this.axios.post(this.$busPoat.judge(),{}).then((res)=>{
        this.Nametype = res.data.iplanCode
      }).catch(error=>{
        alert('认证失败')
        console.log(error)
      })
    },
    getPostRouter(){ //认证路由
      this.$router.push({
        path:'/bomNav/Ordershuo/userassis',
      })
    },
    StralGradeD(number){ //商家星际评判
      for(var i = 0; i < number; i++) {
        // this.StralGrade[i].src = starOnImg
        this.StralGrade[i].active = true
      }
    },
    StralGradeDFG(numberDFG){//创意等级评判
        if(numberDFG != null){
          switch(numberDFG)
          {
            case 1:
              this.accessUserNameLINGK = '青铜创意师 ';
              break;
            case 2:
              this.accessUserNameLINGK = '白银创意师';
              break;
            case 3:
              this.accessUserNameLINGK = '黄金创意师';
              break;
            case 4:
              this.accessUserNameLINGK = '白金创意师 ';
              break;
            case 5:
              this.accessUserNameLINGK = '钻石创意师';
              break;
            default:
              console.log(this.accessUserNameLINGK)
          };
        }
    },
    rating(index){ //显示商家星星的数量
      for(var i = 0; i < index; i++) {
        this.stars[i].src = starOnImg
        this.stars[i].active = true
      }
    },
    ratingFG(indexf){ //显示创意师星星的数量
      for(var i = 0; i < indexf; i++) {
        this.Cearsd[i].src = starOnImg
        this.Cearsd[i].active = true
      }
    },
    //后台状态改变
    getPOSTNEgdei(df){//状态信息
      this.$store.dispatch('showloader')  
      this.axios.post(this.$busPoat.status(),{
        "demandId":this.demandId,
	      "stateType":df
      }).then(res =>{
        if(res.data.iplancode == 111){
          this.$store.dispatch('hideloader')
          alert('创意师已取消洽谈')
          this.$router.back()
        }else{
          var st;
          clearTimeout(st)
          st = setTimeout(() =>{
            if(res != null || res != undefined){
              this.fg = res.data.demand.currentState
              console.log(this.fg)
              this.cetgetORderINFo()
              this.$store.dispatch('hideloader')
            }else{
              this.$store.dispatch('hideloader')
              alert('请求加载过慢...')
            }
            clearTimeout(st)                                                                       
          },1000)
        }
      }).catch(error=>{
        this.$store.dispatch('hideloader')
        alert('状态信息获取失败')
        console.log(error)
      })
    },
    //点击按钮状态
    getOK(){ //（确认洽谈按钮）
      this.getPOSTNEgdei(2)
    },
    errormoverORder(){ //取消洽谈
      this.$store.dispatch('showloader') 
      this.axios.post(this.$busPoat.cancel(),{
        "demandId":this.demandId
      }).then(res =>{
        if(res.data.iplancode == 104){
          this.$store.dispatch('hideloader')
          alert('该订单已取消洽谈')
         this.$router.back(0) 
        }else if(res.data.iplancode == 105){
          this.$store.dispatch('hideloader')
          alert('该订单已进入合作状态')
         this.$router.back(0) 
        }else{
          var st;
          clearTimeout(st)
          st = setTimeout(() =>{
            if(res != null || res != undefined){
            this.$store.dispatch('hideloader')            
              if(res.data.iplancode == 101){
                this.cetgetORderINFo()
                this.$router.go(0)
              }
            }else{
              this.$store.dispatch('hideloader')            
              alert('请求加载过慢...')
            }
            clearTimeout(st)                                                                       
          },1000)
        }
      }).catch(error=>{
        this.$store.dispatch('hideloader')
        alert('洽谈取消失败')
        console.log(error)
      })
    },
    accessOrderOk(){ //点击确认合作
      this.getPOSTNEgdei(3)
    },
    getorderaccessactive(){ //点击合作完成
      this.getPOSTNEgdei(5)
      this.$router.replace({
        path:'/bomNav/orderevaluate/Creaevalate'
      })
    },
    getorderassess(){ //创意师点击合作完成
      this.getPOSTNEgdei(5)
      this.$router.replace({
        path:'/bomNav/orderevaluate/busievalate'
      })
    },
    getorderRoqi(){ //订单到期
      this.axios.post(this.$busPoat.taskTime(),{
        "demandId":this.demandId,
      }).then(res =>{
        console.log(res)
        this.cetgetORderINFo()
      }).catch(error=>{
        alert('状态信息已到期获取失败')
        console.log(error)
      })
    },
    dategetTime(fg){
      let _this = this
      let dateF = document.getElementById('date');
      let settimf = sessionStorage.getItem('getsd')
      if(fg == null || fg == undefined){
        //     let date = new Date();
        //     let oew = date.getTime(); 
        //     var fg = sessionStorage.getItem('timd') == null ?  604800 : sessionStorage.getItem('timd'); //总秒数
        //     var d,h,m,s;  
        //       //获取时间 
        //       // let time = setInterval(()=>{
        //       //   fg--
        //       //   sessionStorage.setItem('timd',fg)
        //       //   d = Math.floor(fg/60/60/24);  //天
        //       //   h = Math.floor(fg/60/60%24);  //时
        //       //   m = Math.floor(fg/60%60);  //分
        //       //   s = Math.floor(fg%60);   //秒
        //       //   d = d < 10 ? "0" + d : d;
        //       //   h = h < 10 ? "0" + h : h;
        //       //   m = m < 10 ? "0" + m : m;
        //       //   s = s < 10 ? "0" + s : s;
        //       // if(d > 0){
        //       //   dateF.innerText = `${d}天${h}时${m}分${s}秒`;
        //       // } 
        //       // if(d <= 0 && h > 0 ){
        //       //   dateF.innerText = `${h}时${m}分${s}秒`; 
        //       // }
        //       // if(d <= 0 && h <= 0){
        //       //   dateF.innerText =`${m}分${s}秒`;
        //       // } 
        //       // },1000)
        //   console.log(d,h,m,s)  
        // }else{}
      }
      _this.time = setInterval(function(){
        let nowTime = new Date();
        let t = ((fg-30)*1000) - (nowTime.getTime()) ;
        // console.log(t)
        if(t>0){
          let day = Math.floor(t/86400000);
          let hour=Math.floor((t/3600000)%24);
          let min=Math.floor((t/60000)%60);
          let sec=Math.floor((t/1000)%60);
          hour = hour < 10 ? "0" + hour : hour;
          min = min < 10 ? "0" + min : min;
          sec = sec < 10 ? "0" + sec : sec;
          let format = '';
          if(day > 0){
            format = `${day}天${hour}小时${min}分${sec}秒`;
          } 
          if(day <= 0 && hour > 0 ){
            format = `${hour}小时${min}分${sec}秒`; 
          }
          if(day <= 0 && hour <= 0){
            format =`${min}分${sec}秒`;
          }
          dateF.innerText = format;
          if(_this.settimenor){
            // console.log(333)
          }else{
            clearInterval(_this.time);
          }
          // console.log(_this.settimenor)
        }else{
          clearInterval(_this.time);
          _this.getorderRoqi()
          dateF.innerText = '您的任务已过期';
        }
      },1000);
    },
    // setIntervalfun(){
    //   let _this = this
    //   clearInterval(_this.timeIN)
    //   _this.timeIN = setInterval(function(){
       
    //   },1500)
    // }
  },
  created(){
    this.cetgetORderINFo()
    this.getCYSasiis()
    // this.setIntervalfun()
  },
  watch:{
    // '$route' (to, from) {
    //   if(to.path == '/bomNav/taskseccess'){
    //     this.$router.router.replace('/bomNav/SingSeas')
    //   }
    // },
    'fg'(){ //状态码改变就触发
      this.cetgetORderINFo()
    }
  },
  destroyed() { //离开清楚
    clearInterval(this.time)
    clearInterval(this.timeIN)
    // sessionStorage.removeItem('details'+this.iDNumber+'')
  },
  beforeRouteLeave (to, from, next) {
    console.log(from)
    console.log(to)
    if(to.path == '/bomNav/taskseccess'){
      this.urls.url = '/bomNav/taskseccess'
      next({ path: '/bomNav/SingSeas'})
    }else if(to.path == '/bomNav/Ordershuo/assisaccess'){
      this.urls.url = '/bomNav/SingSeas'
      next({ path: '/bomNav/SingSeas'})
    // }else if(to.path == '/bomNav/orderevaluate/busievalate'){
    //   this.urls.url = '/bomNav/taskseccess'
    //   next({ path: '/bomNav/SingSeas'})
    }else {
      this.urls.url = ''
      next();
    }
  }


}
</script>.
<style lang="scss" scoped>
.order_assistant{
  margin: 0rem;
  z-index: 51;
  height: 100%;
  background: #fff;
  // position: fixed;
  position: relative;
  }
  .task_Details_box{
    width: 100%;
    background: #fff;
    margin-top: .8rem;
    font-family: MicrosoftYaHei;
    .task_Details_title{
      width: 100%;
      height: .8rem;
      font-size:.3rem;
      color:#333;
      line-height: .8rem;
      font-weight: 600;
      border-bottom:.02rem solid #f2f2f2;
    }
    .task_Details_ifon{
      width: 100%;
      height: 1.12rem;
      border-bottom:.02rem solid #f2f2f2;
      .task_Details_ifonimgBox{
        height: 100%;
        width: 16.1%;
        .task_Details_ifonimg{
          width: 0.8rem;
          height: 0.8rem;
            -webkit-border-radius:50%;
              -moz-border-radius:50%;
                    border-radius:50%;
        }
      }
      .task_Details_ifonText{
        height: 100%;
        width: 58%;
        padding:.15rem 0rem;
        .task_Details_ifonname{
          width: 100%;
          height: 50%;
          font-size: .24rem;
          margin-left:.26rem;
          font-weight: 600;
        }
        .task_Details_evaluate{
          width: 100%;
          height: 50%;
        img{
          width: 0.2rem;
          height: 0.2rem;
          margin-right:.1rem;
        }
        }
      }
      .task_Details_state{
        color:#FF7200;
        font-size: .24rem;
      }
    }
    .task_Details_cont{
      width: 100%;
      background: #f2f2f2;
      // padding-bottom:.1rem;
      .task_Details_contChild{
        width: 100%;
        background: #fff;
        // height: 2.34rem;
        padding:.2rem .4rem;
        .task_Details_Childbox{
          width: 50%;
          // height: 33.33%;
          padding: .15rem 0rem;
          font-size: .24rem;   
          font-weight: 600;     
          .task_Details_conttitle{
            color:#666;
          }
          .task_Details_contcont{
            color:#333;
          }
          .Childbox_mar{
            margin-left:30%;
          }
          .Childbox_cor{
            color:#E94949;
          }
        }
      }
    }
  }
  .task_Details_Rem{
    margin:0;
    .task_Details_Remarks{
      position: relative;
      background: #CACACA;
      color:#fff;
      .data_box_order{
        height: 100%;
        position: absolute;
        top:0;
        right: 2%;
        width: 35%;
        background: transparent;
        .datalid_new{
          display: block;
          color:#ff7200;
          font-size: .20rem;
          font-weight: 500;
          line-height: .78rem;  
          height: 100%;        
        }
      }
    }
    .task_Details_textarea{
      width: 100%;
      height: 100%;
      padding:.2rem;
      border:.02rem solid #f2f2f2;
      color: #999;
      font-size: .24rem;
      letter-spacing:.02rem;
      line-height: .3rem;
    }
  }
  .hright_Detilas{
    height: 2.3rem;
  }
  .ORder_detilas_Negotiate{
    width: 100%;
    position: fixed;
    left:0rem;
    bottom:0rem;
    height: 1rem;
    background: #FF7200;
    text-align: center;
    line-height: 1rem;
    color:#fff;
    font-size: .3rem;
  }
  .bgc{
    background: #DEDEDE;
    color:#C1C1C1;
  }
  .text_order_diap{
    width: 100%;
    padding:.3rem 0rem;
    text-align: center;
    color:#c1c1c1;
  }
  .diap_Cor{
    color:#FF7200;
  }
  .Negacitve{
    background: #e56600;
  }
  .Negtion_box_Contact{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 53;
    background: rgba(0,0,0,.4);
    top:0;
    left:0;
    .Neg_child_box{
      // width: 66.8%;
      // height: 21.6%;
      width: 5rem;
      height:2.6rem;
      position: relative;
      background: #fff;
      top:50%;
      left:50%;
      .Neg_text_top{
        width: 100%;
        height: 70%;
        padding:.4rem 0rem;
        // height: 1.82rem;
        // background: #000;
        p{
          width: 100%;
          height: 50%;
          font-size: .24rem;
          color:#999999;
          font-weight: 600;
          i{
            color:#FF7200;
          }
        }
      }
      .Neg_text_seccess{
        height: 30%;
        width: 100%;
        // height: .8rem; 
        text-align: center; 
        color:#fff; 
        .Neg_text_cancel{
          background: transparent;
          width: 50%;
          color:#fff;
          font-size: .28rem;
          height: 60%;        
        }
        .Neg_text_Vci{
          border-left:.02rem solid #ff9d52;
        }
      }
      
    }
  }
  .slide-block-enter,.slide-block-leave-active{
    opacity: 0;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
  }
  .slide-block-enter-active,.slide-block-leave{  
    opacity: 1;  
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;  
  } 
//创意师信息
.userCYS_IFON_box{
  border-top:.1rem solid #f2f2f2;
  height: 1.6rem;
  margin:0rem;
  .IOFN_DJ{
    height: 100% !important;
    .Wihfyt{
      width: 84.9% !important;
      .user_IFON_CYS{
        width: 100%;
        height: 50%;
        .wINGFH{
          // width: 1rem !important;
          // height: 100%;
          padding-right:.3rem;
          font-size: .24rem;
          margin-left: .26rem;
          font-weight: 600;
        }
        .User_dig{
          border:.02rem solid #FF7200;
          padding:.1rem;
          color:#FF7200;
          font-size: .24rem;
        }
      }
    }
  }
}
//商家
.payment_mode{
  width: 100%;
  height: 0.98rem;
  background: #fff;
  justify-content:space-around;
  align-items: center;
  position: fixed;
  bottom:0;
  z-index: 51;
  .mall_ToPay{
    width: 50%;
    // position: relative;
    font-size:.3rem;
    height: 100%;
    line-height: 0.98rem;
    text-align: center;
    color:#fff; 
  }
  .ToPay——bg{
    background: #ABABAB ;
  }
  .ToPay——bg::before,.Asyougo_bg::after{
    content:"";
    width:0;
    height:0;
    position:absolute;
  }
  // .ToPay——bg::before{
  //   left:35.5%;
  //   top:0%;
  //   border:solid .98rem transparent;
  //   border-right:solid .26rem #FF7200;       /* 黑色大三角形 */
  //   border-top:solid .98rem transparent;
  // }
  .Asyougo_bg::after{
    left:50%;
    top:0%;
    border-top:solid 0rem transparent;
    border-left:solid .26rem #ABABAB;       /* 黑色大三角形 */
    border-bottom:solid .98rem transparent
  }
  .Asyougo_bg{
    background: #FF7200;
  }
}
//显示评价
.nusiblobkeaclaite_box_order{
  width: 100%;
  background: #fff;
  font-size: .24rem;
  .box_text_ealbocknonr{
    width: 100%;
  }
  .nusiblobkeaclaite_box_childtop{
    border-bottom:.02rem solid #f2f2f2;
    padding:0rem .4rem;
    color:#666;
    height: 0.86rem;
    line-height: .86rem;
    text-align: left;
    font-weight: 600;
    .right_text_raado{
      margin-right:.3rem;
    }
  }
  .nusiblobkeaclaite_box_childbom{
    font-weight: 500;
    border:0;
    padding:.3rem .4rem;
  }
  .eavl_tea_childtext{
    font-size:.18rem;
    color:#ff7200;
    padding:.1rem;
    text-align: center;
    margin:0rem .3rem .3rem 0rem;
    border:.02rem solid #ff7200;
    // width: 20%;
  }
  .eavl_tea_childtextfg{
    text-align: center;
    width: 100% ;
    color:#666;
    font-size: .3rem;
    font-weight: 600;
  }
}
//星星
.grade-box-child{
  height: 35%;
  width: 4%;
  .grade-box-img{
    width: 100%;
    height: 100%;
  }
}
</style>

